<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Amaze UI| examples company</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" href="/css/amui.all.min.css"/>
</head>
<body>
<div class="am-g">
  <div class="col-md-3">
    <h1><img src="http://placehold.it/400x100&text=Logo" class="am-img-responsive am-img-rounded"></h1>
  </div>
  <div class="col-md-9 am-cf">
    <ul class="am-nav am-nav-pills am-fr">
      <li><a href="#">首页</a></li>
      <li><a href="#">项目</a></li>
      <li><a href="#">平台适配</a></li>
      <li class="am-dropdown" data-am-dropdown>
        <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
          菜单 <span class="am-icon-caret-down"></span>
        </a>
        <ul class="am-dropdown-content">
          <li class="am-dropdown-header">Header</li>
          <li><a href="#">1. 一行代码，简单快捷</a></li>
          <li class="am-active"><a href="#">2. 网址不变且唯一</a></li>
          <li><a href="#">3. 内容实时同步更新</a></li>
          <li class="am-disabled"><a href="#">4. 云端跨平台适配</a></li>
          <li class="am-divider"></li>
          <li><a href="#">5. 专属的一键拨叫</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

<div class="am-g">
  <div class="col-md-12">
    <img src="http://placehold.it/1000x400&text=[img]" class="am-img-rounded am-img-responsive"/>
    <hr>
  </div>
</div>

<div class="am-g">
  <div class="col-md-4">
    <img src="http://placehold.it/400x300&amp;text=[img]" class="am-img-rounded">
  </div>
  <div class="col-md-8">
    <h4 class="am-article-title">中国移动互联网市场的发展前景</h4>

    <div class="am-g">
      <div class="col-md-6">
        <p>
          移动互联网的概念诞生于2000年，至今发展已经超过十年了，现在移动互联网进入SoLoMoCo——Social（社交的）、Local（本地的）、Mobile（移动的）、Commerce（商务化）的时代，这也就意味着企业在移动端可以有更多作为。</p>
      </div>
      <div class="col-md-6">
        <p>
          国际专利技术为世界500强和中国本土企业在移动端的表现保驾护航，云适配在短短一年的发展时间里服务企业已近千家，其中不乏中关村管委会、美国地方政府、微软亚太研发集团、W3C机构、联想、探路者、三笑牙膏、好利来、Fesco、创业邦杂志、中国青年报、中国企业家网、CSDN、易观智库等。云适配技术已逐渐成为移动建站行业的标杆技术，其“一行代码快速将PC网站移动化”的标语在行业内已初具品牌影响力。</p>
      </div>
    </div>
  </div>
</div>

<div class="am-g">
  <div class="col-md-8">
    <h4 class="am-article-title">移动端自建还是靠平台？</h4>

    <p>
      “在移动互联网时代，企业的电子商务以APP形式体现外，更多是相应提供更好的体验，让通过移动互联网渠道接触到移动电商的用户最终转化成为消费者。”夏海表示，在为移动电商带来流量方面，百度能够承担起流量分发的作用，但是最终要让消费者在企业自建的APP上消费，还要依靠更好的用户体验才能实现。</p>

    <p>
      “PC互联网每天大概有60亿次的搜索引擎，而无线互联网在我们的观察中，近一年半的时间，从零开始到现在已经达到了22亿次。据夏海提供的百度数据显示，电子商务领域在过去的一年中，PC互联网领域增长了46%，而在移动互联的增长则高达232%。夏海用“非常恐怖”来形容移动电商的增速。</p>
  </div>
  <div class="col-md-4 columns">
    <img src="http://placehold.it/400x300&amp;text=[img]" class="am-img-rounded">
  </div>
</div>

<footer class="am-g">
  <div class="col-md-12">
    <hr class="am-article-divider">
    <p class="am-fl">&copy; Copyright <a href="#">xxxx.xxx</a> 自豪地采用云适配cms <a href="#">帮助</a> <a href="#">常见问题</a></p>

    <div class="am-fr">
      <select class="am-form-control">
        <option value="">选择语言</option>
        <option>中文</option>
        <option>English</option>
        <option>Español</option>
      </select>
    </div>
  </div>
</footer>
</body>
</html>